<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>

						<p:messages id="msg" />

						<p:accordionPanel id="acordion" activeIndex="0"
							binding="#{atencionVendedorView.acordion}">
							<p:tab title="Sucursal"
								binding="#{atencionVendedorView.txtsucursal}">

								<h:panelGrid style="margin: 0 auto;">
									<p:dataTable id="sucursal"
										value="#{atencionVendedorView.sucusalPadreModel}"
										var="sucursal"
										selection="#{atencionVendedorView.selectedSucursal}"
										paginator="true" rows="3">

										<f:facet name="header">
							            Sucursal
							            </f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{sucursal.codigo}"
											sortBy="#{sucursal.codigo}">
											<f:facet name="header">
												<h:outputText value="Código" />
											</f:facet>
											<h:outputText value="#{sucursal.codigo}" />
										</p:column>

										<p:column filterBy="#{sucursal.nombre}"
											sortBy="#{sucursal.nombre}">
											<f:facet name="header">
												<h:outputText value="Nombre" />
											</f:facet>
											<h:outputText value="#{sucursal.nombre}" />
										</p:column>

										<p:column filterBy="#{sucursal.direccion}"
											sortBy="#{sucursal.direccion}">
											<f:facet name="header">
												<h:outputText value="Dirección" />
											</f:facet>
											<h:outputText value="#{sucursal.direccion}" />
										</p:column>

										<f:facet name="footer">
											<p:commandButton id="createButton" value="RelacionComercial"
												action="#{atencionVendedorView.relacionComercial}"
												icon="ui-icon-newwin" update=":form"
												binding="#{atencionVendedorView.btnCrear}" />
										</f:facet>

									</p:dataTable>
								</h:panelGrid>
							</p:tab>

							<p:tab title="Relacion Comercial" disabled="true"
								binding="#{atencionVendedorView.txtRelacionComercial}">
								
								<h:panelGrid style="margin: 0 auto;">

									<f:facet name="header">
										<p:commandButton value="Volver a Seleccionar Sucursal"
											action="#{atencionVendedorView.action_cerrar}" update=":form"
											icon="ui-icon-arrowreturnthick-1-w" />
									</f:facet>

									<p:dataTable id="relacionComercial"
										value="#{atencionVendedorView.relacionComercialModel}"
										var="relacionComercial"
										selection="#{atencionVendedorView.selectedRelacionComercial}"
										paginator="true" rows="5">

										<f:facet name="header">
							            Relación Comercial
						                </f:facet>
										<p:column selectionMode="single" style="width:2%" />

																		<p:column filterBy="#{relacionComercial.codigoSucursalP}"
									sortBy="#{relacionComercial.codigoSucursalP}">
									<f:facet name="header">
										<h:outputText value="Codigo Sucursal Padre" />
									</f:facet>
									<h:outputText value="#{relacionComercial.codigoSucursalP}" />
								</p:column>

								<p:column filterBy="#{relacionComercial.codigoSucursal}"
									sortBy="#{relacionComercial.codigoSucursal}">
									<f:facet name="header">
										<h:outputText value="Codigo Sucursal Hija" />
									</f:facet>
									<h:outputText value="#{relacionComercial.codigoSucursal}" />
								</p:column>

								<p:column filterBy="#{relacionComercial.identificacionEmpresa}"
									sortBy="#{relacionComercial.identificacionEmpresa}">
									<f:facet name="header">
										<h:outputText value="Identificacion Empresa" />
									</f:facet>
									<h:outputText value="#{relacionComercial.identificacionEmpresa}" />
								</p:column>
								
								<p:column filterBy="#{relacionComercial.identificacionPersona}"
									sortBy="#{relacionComercial.identificacionPersona}">
									<f:facet name="header">
										<h:outputText value="Identificación Persona" />
									</f:facet>
									<h:outputText value="#{relacionComercial.identificacionPersona}" />
								</p:column>
								
								<p:column filterBy="#{relacionComercial.estadoRegistro}"
									sortBy="#{relacionComercial.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{relacionComercial.estadoRegistro}" />
								</p:column>

										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Atención Vendedor"
												action="#{atencionVendedorView.atencionVendedor}"
												icon="ui-icon-pencil" update=":form" />
										</f:facet>

									</p:dataTable>

								</h:panelGrid>

							</p:tab>

							<p:tab title="Atencion vendedor" disabled="true"
								binding="#{atencionVendedorView.txtAtencionV}">

								<h:panelGrid style="margin: 0 auto;">

									<f:facet name="header">
										<p:commandButton
											value="Volver a Seleccionar Relacion Comercial"
											action="#{atencionVendedorView.action_cerrar2}"
											update=":form" icon="ui-icon-arrowreturnthick-1-w" />
									</f:facet>

									<p:dataTable value="#{atencionVendedorView.atencionVmodel}" id="atencionVendedor"
										selection="#{atencionVendedorView.selectedAtencionV}"
										var="atencionVendedor" paginator="true" rows="5">
										
										<f:facet name="header">
							            Atencion Vendedor
						                </f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{atencionVendedor.codigoV}"
											sortBy="#{atencionVendedor.codigoV}">
											<f:facet name="header">
												<h:outputText value="Codigó Vendedor" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.codigoV}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.identificacion}"
											sortBy="#{atencionVendedor.identificacion}">
											<f:facet name="header">
												<h:outputText value="Identificación" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.identificacion}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.primerNombre}"
											sortBy="#{atencionVendedor.primerNombre}">
											<f:facet name="header">
												<h:outputText value="Primer Nombre" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.primerNombre}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.segundoNombre}"
											sortBy="#{atencionVendedor.segundoNombre}">
											<f:facet name="header">
												<h:outputText value="Segundo Nombre" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.segundoNombre}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.primerApellido}"
											sortBy="#{atencionVendedor.primerApellido}">
											<f:facet name="header">
												<h:outputText value="Primer Apellido" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.primerApellido}" />
										</p:column>
										
										<p:column filterBy="#{atencionVendedor.segundoApellido}"
											sortBy="#{atencionVendedor.segundoApellido}">
											<f:facet name="header">
												<h:outputText value="Segundo Apellido" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.segundoApellido}" />
										</p:column>

										<p:column filterBy="#{atencionVendedor.estadoRegistro}"
											sortBy="#{atencionVendedor.estadoRegistro}">
											<f:facet name="header">
												<h:outputText value="EstadoRegistro" />
											</f:facet>
											<h:outputText value="#{atencionVendedor.estadoRegistro}" />
										</p:column>

										<f:facet name="footer">
										
										<p:commandButton id="ButtonModificar" value="Modificar Estado"
												action="#{atencionVendedorView.modificarEstado}"
												icon="ui-icon-circle-close" update=":form" />
										
											<p:commandButton id="viewButton3" value="Agregar Vendedor"
												action="#{atencionVendedorView.atencionVendedor}"
												icon="ui-icon-pencil" update=":form"
												binding="#{relacionComercialView.btnModify}"
												oncomplete="PF('singleCarDialog').show()" />
										</f:facet>

									</p:dataTable>
								</h:panelGrid>

							</p:tab>

						</p:accordionPanel>

						<p:dialog id="dialog" header="Detalle Vendedor"
							modal="true" widgetVar="singleCarDialog" resizable="false"
							showEffect="fade" hideEffect="explode" closable="false">

							<p:messages id="msg2" />

							<h:panelGrid id="panelBotones" columns="2"
								style="margin: 0 auto;">
								
								<p:commandButton id="btnAgregar" value="Agregar"
									icon="ui-icon-check" update=":form"
									action="#{atencionVendedorView.action_create()}"/>

								<p:commandButton id="btnCerrar" value="Cerrar"
									icon="ui-icon-close" 
									oncomplete="PF('singleCarDialog').hide()" />
								
								</h:panelGrid>

								<h:panelGrid style="margin: 0 auto;">
									<p:dataTable value="#{personaView.personaModelV}" id="persona2"
										var="persona" selection="#{atencionVendedorView.selectedPersonaV}" 
										paginator="true" rows="5">

										<f:facet name="header">
									     Vendedor
							             </f:facet>

										<p:column selectionMode="single" style="width:2%" />

										<p:column filterBy="#{persona.tipoIdentificacion}"
											sortBy="#{persona.tipoIdentificacion}">
											<f:facet name="header">
												<h:outputText value="Tipo Identificación" />
											</f:facet>
											<h:outputText value="#{persona.tipoIdentificacion}" />
										</p:column>

										<p:column filterBy="#{persona.identificacion}"
											sortBy="#{persona.identificacion}">
											<f:facet name="header">
												<h:outputText value="Identificación" />
											</f:facet>
											<h:outputText value="#{persona.identificacion}" />
										</p:column>

										<p:column filterBy="#{persona.primerNombre}"
											sortBy="#{persona.primerNombre}">
											<f:facet name="header">
												<h:outputText value="Primer Nombre" />
											</f:facet>
											<h:outputText value="#{persona.primerNombre}" />
										</p:column>

										<p:column filterBy="#{persona.primerApellido}"
											sortBy="#{persona.primerApellido}">
											<f:facet name="header">
												<h:outputText value="Primer Apellido" />
											</f:facet>
											<h:outputText value="#{persona.primerApellido}" />
										</p:column>

										<p:column filterBy="#{persona.email}"
											sortBy="#{persona.email}">
											<f:facet name="header">
												<h:outputText value="Email" />
											</f:facet>
											<h:outputText value="#{persona.email}" />
										</p:column>

										<p:column filterBy="#{persona.estadoRegistro}"
											sortBy="#{persona.estadoRegistro}">
											<f:facet name="header">
												<h:outputText value="Estado Registro" />
											</f:facet>
											<h:outputText value="#{persona.estadoRegistro}" />
										</p:column>

										<f:facet name="footer">
										
											<p:commandButton id="ButtonQ" value="Quitar Selección"
												action="#{personaView.action_quitar()}"
												icon="ui-icon-circle-close" update="persona2" />
												
										</f:facet>

									</p:dataTable>
								</h:panelGrid>

							<br />

						</p:dialog>        

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>
